// 负责管理所有自定义指令的文件


// 显示头像的自定义指令

// #region
// dom  表示当前自定义指令作用的dom对象（此处指的就是图片img）
// options 表示对指令中变量的解释，其中有一个属性叫做value
// .onerror事件 当图片上有地址，但是地址没有加载成功的时候，会报错，此时会触发图片的一个事件，就是onerror
// 因此，当图片出现异常的时候，会将指令配置的默认图片设置为该图片的默认内容（就是没有图片显示的时候照一张默认图片替代）
// #endregion
export const imagerror = {
    inserted(dom, options) {
        dom.src = dom.src || options.value
        dom.onerror = function() {
            dom.src = options.value
        }
    },
    // 该函数和inserted一样，也是一个钩子函数。
    // 该钩子函数会在当前指令作用的组件  更新数据完毕后  执行
    componentUpdated(dom, options) {
        dom.src = dom.src || options.value
    }
}